<template>
	<view class="content">
		<view class="imgbox">
			<img class="login_img" src="../../static/login-bg.webp" alt="">
			<!-- <u--image class="login_img" :src="../../static/login-bg.webp" width="80px" height="80px"></u--image> -->
		</view>
		<text class="text_login">私密和安全</text>
		<text class="text_login2">私钥永远不会离开你的设备</text>
		<u-button type="primary" class="login_btn" text="创建新钱包" @click="createClick"></u-button>
		<u-button type="primary" class="login_btnd" :plain="true" text="已有钱包" @click="relywalletClick"></u-button>
		<text class="verion">v3.3.0</text>
		<botLine />
	</view>
</template>

<script>
	import botLine from '../../components/botLine.vue'
	export default {
		components:{
			botLine
		},
		data() {
			return {
				title: '已有钱包过来的'
			}
		},
		onLoad() {
		},
		methods: {
			createClick(){
				uni.navigateTo({
				    url:`../setpassword/index?content=${this.title}`
				});
			},
			relywalletClick(){
				uni.navigateTo({
				    url:`../ReplyWallet/index?content=${this.title}`
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
.content{
	height: 100vh;text-align: center;background: linear-gradient(#ebfff6,#f6fffe);
	.imgbox{
		text-align: center;
		.login_img{
			width: 80%;margin-top: 120rpx;display: inline-block;
		}
	}
	.text_login,.text_login2{display: block;}
	.text_login{
		font-size: 40rpx;color: #000;margin-top:20rpx;
	}
	.text_login2{
		font-size: 26rpx;color: #8b9793;margin-top:20rpx;
	}
	.login_btn{background-color: $btnColor;border: $btnColor solid 1px;width:95%;margin:150rpx auto 0;}
	.login_btnd{border: $btnColor solid 1px;width:95%;color:$btnColor;margin:20rpx auto 0;}
	.verion{font-size: 24rpx;width:100px;position: fixed;left:50%;bottom:8px;margin-left:-50px;}
}
</style>
